<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>@yield('title', 'Автомашин худалдааны бүртгэлийн систем')</title>
    <meta name="keywords" content="nimo car journal" />
    <meta name="author" content="nimo" />
    <meta name="description" content="nimo car journal." />
    @section('stylesheets')
        @section('stylesheets.main')
   <link href="{{ asset('assets/bootstrap/bootstrap.min.css') }}" rel="stylesheet">
   <link href="{{ asset('assets/font-awesome/css/font-awesome.min.css') }}" rel="stylesheet">
   {{--
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link href="{{ asset('assets/bootstrap/bootstrap-responsive.css') }}" rel="stylesheet">
   --}}
        @show
        @section('stylesheets.flaty')
        @show
    @show
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <link rel="shortcut icon" href="{{ asset('ico/favicon.png') }}">
</head>

@section('body')
<body>
<style>
    @section('styles')
    body {padding-top: 40px;}
    .container { width: 1170px !important; }
    select, input { font-size: 11px !important;}
    .navbar .nav>li>a { padding: 10px 4px 10px 10px; }
    @show
</style>

@section('navbar')
<!-- Navbar -->
<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <a class="brand" href="{{ route('home') }}">Удирдах самбар</a>
            <div class="nav-collapse collapse"> @include('nimo/domains/car_balance/main_menu') </div>
            <ul class="nav pull-right">
                <li> <a href="{{ route('logout') }}"> <i class="icon-off"></i> Logout</a> </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-list icon-white"></i><span class="caret"></span> </a>
                    <ul class="dropdown-menu">
                        <li><a href="{{ route('profile') }}"><i class="icon-user"></i> {{Sentry::getUser()->email}} Profile </a></li>
                        <li class="divider"></li>
                        <li><a href="{{ route('logout') }}"><i class="icon-off"></i> Logout </a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>
@show

@section('container')
<!-- Container -->
<div class="container">
    @section('sidebar')
    @show
    <!-- Notifications -->
    @include('frontend/notifications')
    <!-- Content -->

    @section('content')
    <!-- BEGIN Content -->
    <div id="main-content">
        <!-- BEGIN Page Title -->
        <h1>
            @section('content.titley')
            @show
        </h1>
        <!-- END Page Title -->

        @section('content.breadcrumb')
        <!-- BEGIN Breadcrumb -->
        <div id="breadcrumbs">
            <ul class="breadcrumb">
                @section('content.breadcrumb.inner')
                <li class="active"><i class="icon-home"></i> Dashboard</li>
                @show
            </ul>
        </div>
        <!-- END Breadcrumb -->
        @show

        @yield('content.main')

        @section('content.footer')
        <footer>
            @section('content.footer.inner')
            <p>2014 © Nimo Consulting LLC.</p>
            @show
        </footer>
        @show
    </div>

</div>
@show

@section('javascripts.common')
<!-- Javascripts -->
<script src="{{ asset('assets/jquery/jquery-1.10.2.min.js') }}"></script>
<script src="{{ asset('assets/bootstrap/bootstrap.min.js') }}"></script>
@show

@section('javascripts')
@section('javascripts.main')
@show

@yield('javascripts.more')

@section('javascripts.flaty')
@show

@show

</body>
@show
</html>
